<template>
  <el-dialog
    :title="$t('msg.gdemo.popTitle')"
    :model-value="popVisible"
    @close="closed"
  >
   <div>
     popInfos
   </div>

    <template #footer>
      <span class="dialog-footer">
        <el-button @click="closed">{{ $t('msg.universal.cancel') }}</el-button>
        <el-button type="primary" @click="onConfirm">{{
            $t('msg.universal.confirm')
          }}</el-button>
      </span>
    </template>
  </el-dialog>
</template>

<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import {ElMessage} from "element-plus";
import type { popProps, popEmits } from "@/views/gdemo-manage/types";

const i18n = useI18n()

let props = defineProps<popProps>();
let emits = defineEmits<popEmits>()
const onConfirm = async () => {
  ElMessage.success(i18n.t('msg.gdemo.successPop'))
  // 角色更新成功
  emits('updatePop',false)
  closed()
}

// 关闭
const closed = () => {
  emits('update:popVisible', false)
}
</script>

<style scoped lang="scss">

</style>
